{{ title = "Mutation" }}
{{include "../layouts/header.view.html"}}

{{if minimal == false }}
<div id="page-content">
  <div class="container">

    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{routeUrl("phylogenies_index",{})}}">Phylogenies</a></li>
        <li class="breadcrumb-item"><a href="{{routeUrl("phylogenies_show",{phylotree: tree.getIdWithVersion()})}}">{{tree.name}} {{tree.version}}</a></li>
        {{if (clade != "")}}
          <li class="breadcrumb-item"><a href="{{routeUrl("clades_show", {phylotree:tree.getIdWithVersion(), clade:clade})}}">{{clade}}</a></li>
        {{end}}
        <li class="breadcrumb-item active" aria-current="page">{{mutation}}</li>
      </ol>
    </nav>
{{end}}

<div class="container" style="padding: 15px;">
  <div class="row">
    <div class="col-12"</div>
      {{if minimal == false }}
        <h1>{{mutation}}</h1>
      {{else}}
        <b>{{mutation}}</b> &nbsp; &nbsp; &nbsp;
        <a href="{{routeUrl("mutations_with_clade_show", {phylotree:tree.getIdWithVersion(), pos:position, ref:ref, alt:alt, clade: clade})}}" target="_blank">
          More Details
        </a>
        <br>
      {{end}}
    </div>
  </div>

    {{details}}

</div>
{{if minimal == false }}
  </div>
</div>
{{end}}

{{include "../layouts/footer.view.html"}}
